﻿<!DOCTYPE HTML>
<html lang="en">
<head>

<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico">
<title>Dimitris Zorbas</title>
<link href='http://fonts.googleapis.com/css?family=Atomic+Age' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>


<body>
	
	<h1>&#437;</h1>
    <h2>I'm Dimitris Zorbas, front end enthusiast, geek.</h2>
    <h3><a href="http://en.wikipedia.org/wiki/Permutation_City" title="what is autoverse?">Autoverse's</a> <a href="http://en.wikipedia.org/wiki/Everyman" title="who is an everyman?">everyman</a></h3>
    <div id="dial-wrapper">
    	
    	<!--<div id="dial">-->
        	<table>
            	<tr><td colspan="3"><span id="about">About Me</span></td></tr>
                <tr><td><span id="portfolio">Portfolio</span></td><td></td><td><span id="code">Code</span></td></tr>
				<tr><td colspan="3"><span id="social">Social Me</span></td></tr>
            </table>				
    	<!--</div>-->
    <div class="copy">
            <a href="http://creativecommons.org/licenses/by-sa/3.0/" title="You can copy and change stuff from this website for personal use.">Creative Commons 3.0</a>
    </div>
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/QTransform.js" type="text/javascript"></script>
    <script src="js/dial.js" type="text/javascript"></script>
    <script src="js/prefixfree.min.js" type="text/javascript"></script>
</body>
</html>
